﻿@charset "utf-8";
/*----------------------------------------------------
 contact
----------------------------------------------------*/
/* CLEARFIX */
#footerWrap,
#contact p,
#latest_q,
#common_q,
#content,
#faq_header {zoom: 1;}
#footerWrap:after,
#contact p:after,
#latest_q:after,
#common_q:after,
#content:after,
#faq_header:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

#breadcrumbs li,
#faqDetail #breadcrumbs li:nth-last-child(2) {display: none;}
#breadcrumbs li:nth-last-child(2),
#faqDetail #breadcrumbs li:last-child {display: block;}

body#contactTop {width: 100%}
body#contactTop #latest_q,
body#contactTop #common_q {width: 100%; float: none;}
body#contactTop #content {width: auto;}

body#contactTop #faq_header {height: auto;}

body#contactTop h1#faqlogo {background: none; text-indent: 0; margin-left: 10px;}

body#contactTop #faq_main, body#contactTop #faq_sub, body#contactTop #search_keyword, body#contactTop #search_category {float: none; width: auto;}


body#contactTop #latest_q, body#contactTop #common_q {height: auto;}


body#contactTop #latest_q h2, body#contactTop #common_q h2, body#contactTop #importantNotice h2 {
background: url(//www.muji.net/m/img/arrow_down.png) no-repeat 95% center,
 -webkit-gradient(linear, left top, left bottom, from(white), to(#F9F9F9));
}


body#contactTop #latest_q h2, body#contactTop #common_q h2, body#contactTop #importantNotice h2 {color: #333; font-size: 14px; border-bottom: 1px solid #EEE; position: relative; display: block; padding: 20px 15px 20px 20px; margin: 0; -webkit-background-size: 13px 10px, auto, auto;}

body#contactTop #importantNotice h2 {border-top: 1px solid #EEE;}

body#contactTop #search_keyword h2, body#contactTop #search_category h2, body#contactTop #search_topics h2, body#contactTop #search_topics2 h2 {font-size: 10px;}
body#contactTop #search_keyword h2 b, body#contactTop #search_category h2 b, body#contactTop #search_topics h2 b, body#contactTop #search_topics2 h2 b {font-size: 14px; margin-right: 5px;}
body#contactTop #contact h2 {font-size: 14px;}

body#contactTop #contact h2, body#contactTop #searchfaq h2 {background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555)); color: white; text-indent: 0; border-bottom: 1px solid #EEE; padding: 5px; margin-bottom: 0;}



body#contactTop #latest_q li a, body#contactTop #common_q li a, body#contactTop #importantNotice dl {
display: block;
padding: 20px 45px 20px 20px;
border-bottom: 1px solid #ddd;
font-size: 12px;
margin-bottom: 0;
background: url(//www.muji.net/m/img/arrow.png) 95% center no-repeat whiteSmoke;
-webkit-background-size: 10px 13px;
}

body#contactTop #contact_net dd a,
body#contactTop #contact_all dd a,
body#contactTop #mailform li a {
display: block;
padding: 20px 45px 20px 20px;
border-top: 1px solid #ddd;
font-size: 12px;
margin-bottom: 0;
background: url(//www.muji.net/m/img/arrow.png) 95% center no-repeat whiteSmoke;
-webkit-background-size: 10px 13px;
}
body#contactTop #mailform li:nth-child(1) a,
body#contactTop #mailform li:nth-child(2) a,
body#contactTop #mailform li:nth-child(3) a {font-size: 13px;}
body#contactTop #mailform li a {padding-right:60px;}

body#contactTop #contact li dt img {padding-top: 25px;}
body#contactTop #picup li {margin-bottom: 0;}
body#contactTop #importantNotice {padding: 0;}
body#contactTop #importantNotice dt {border-top: none; padding: 0; margin: 0;}
body#contactTop #importantNotice dd {line-height: 120%;}
body#contactTop #search_topics, body#contactTop #search_topics2 {padding-top: 0; border-top: none;}
body#contactTop #search_topics li ul, body#contactTop #search_topics2 li ul {display: none;}
body#contactTop #search_topics li h3 a, body#contactTop #search_topics2 li h3 a {border: none; text-indent: 0;}
body#contactTop #search_topics, body#contactTop #search_topics2 {float: none; margin-top: 10px; margin-right: 0; width: auto;}
body#contactTop #search_topics h2, body#contactTop #search_topics2 h2 {margin-bottom: 0;}
body#contactTop #search_topics ul, body#contactTop #search_topics2 ul {border-top: 1px solid #eee; margin-left: 0;}
body#contactTop #search_topics li, body#contactTop #search_topics2 li, body#contactTop #search_category p {display: inline-block;
margin: 0; width: 33.33%; border-top: 0; padding-top: 0; box-sizing: border-box;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
line-height: normal;
}

body#contactTop #search_topics li a, body#contactTop #search_topics2 li a, body#contactTop #search_category p a {background: url(//www.muji.net/m/img/arrow.png) no-repeat 95% center; min-height: 50px; width: 33.33%; -webkit-background-size: 10px 13px; position: relative; display: table-cell; padding: 0 20px 0 10px; height: 50px; vertical-align: middle;}

@media only screen and (max-width : 480px){
	body#contactTop #search_topics li, body#contactTop #search_topics2 li, body#contactTop #search_category p,
	body#contactTop #search_topics li a, body#contactTop #search_topics2 li a, body#contactTop #search_category p a {width: 50%;}
  body#contactTop #headerWrap {min-width: 100%;}
  body#contactTop #header {width: 100%; margin: 0 auto; padding: 0; overflow: hidden;}
  body#contactTop #header ul#globalNav {display: none;}
  body#contactTop #siteName a {margin: 0 auto;}
}

@media only screen and (max-width: 767px){
  body#contactTop #headerWrap {min-width: 100%;}
  body#contactTop #header {width: 100%; margin: 0 auto; padding: 0; overflow: hidden;}
  body#contactTop #header ul#globalNav {display: none;}
  body#contactTop #siteName a {margin: 0 auto;}
}


body#contactTop #search_category {margin: 20px 0;}
body#contactTop #search_category a {width: auto; text-indent: 0; border: none;}

body#contactTop #contact {background-color: #fff; padding: 0; margin:0;}
body#contactTop #contact p.more, body#contactTop #contact #contact_time {margin-left: 10px; margin-right: 10px;}
body#contactTop #contact p {margin: 10px;}
body#contactTop #contact p.annotation {margin-left: 20px;}
body#contactTop #contact li {float: none; margin-bottom:0;}
body#contactTop #contact ul {margin-top: 0;}
body#contactTop #contact .small_cap {font-weight: bold; color: #fff; background-color: #999; padding: 5px 8px; font-size: 112%; letter-spacing: 0em; margin:0;}
body#contactTop #contact .small_cap span {display:block;}

body#contactTop #contact_net {padding-bottom:0;}
body#contactTop #contact_net, body#contactTop #contact_all {margin-right: 0; width: auto;}
body#contactTop #contact_net li, body#contactTop #contact_all li {background-color: #f3f3f3; padding: 5px 10px 10px 10px;}
body#contactTop #contact_all {margin-left: 0;}

body#contactTop #search_keyword {margin-right: 0;}
body#contactTop #hSearch2,
body#contactTop #search_keyword p {margin: 0 10px;}
body#contactTop #hSearch2 {width: auto; margin-top: 10px;}

body#contactTop #contact_net dl, body#contactTop #contact_all dl {padding: 0; border-bottom: 1px solid #ddd;}
body#contactTop #contact_net dt, body#contactTop #contact_all dt {margin-left: 10px;}

body#contactTop #contactWrap {width: auto; margin:0;}
#contactWrap #contact #tel,
#contactWrap #contact #mailform {margin: 0; padding-right: 0; border-right: none; display: block; width: auto;}
#contactWrap #contact #tel {margin-bottom:20px;}
#contactWrap #contact #tel li {margin-bottom:0;}
#contactWrap #contact #mailform li {margin-bottom:0; font-size: 14px;}



/*----------------------------------------------------
 faqList
----------------------------------------------------*/
body#faqList #mainArea, body#faqList #sideArea {width: auto; float: none;}

body#faqList p.faqTitle {display: none;}

body#faqList #titleNav {display: none;}
body#faqList #scat {height: 28px; margin-left: 10px; width: auto;}
body#faqList #mainArea h1 {margin-left: 10px;}

body#faqList #entryList {border-top: none; width: auto;}
body#faqList #entryList dd {display: none;}

body#faqList #entryList dl {margin-bottom: 20px; border-bottom: none; width: auto;}
body#faqList #entryList dt, body#faqList #entryList .folder li {clear: none; display: inline-block; margin: 0; width: 159px !important; border-top: 0; padding: 0; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
body#faqList #entryList dt a, body#faqList #entryList .folder li a {background: url(//www.muji.net/m/img/arrow.png) no-repeat 95% center; min-height: 50px; width: 159px; -webkit-background-size: 10px 13px; position: relative; display: table-cell; padding: 0 20px 0 10px; height: 50px !important; vertical-align: middle;}


body#faqList #entryList dt:nth-of-type(odd) {background-color:#fff;}
body#faqList #entryList h2 {font-size: 14px; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555)); color: white; text-indent: 0; border-bottom: 1px solid #EEE; padding: 5px; margin-bottom: 0;}

body#faqList #titleSubNav {display: none;}

body#faqList #entryList .file li a[href$=pdf] {display: block; padding: 10px 10px 10px 28px; border-bottom: 1px solid white; background: url(http://www.muji.net/img/common/icon_pdf.gif) no-repeat 10px 10px #f2f2f2;}


body#faqList #entryList .file {border-top: 1px solid #ddd;}
body#faqList #entryList .file li a {display: block; padding: 20px 35px 20px 10px; border-bottom: 1px solid #ddd; font-size: 12px; margin-bottom: 0; background: url(//www.muji.net/m/img/arrow.png) 95% center no-repeat; -webkit-background-size: 10px 13px;}
body#faqList #entryList .file li, body#faqList #entryList .folder li {line-height: 120%;}

body#faqList #entryList li {padding: 0 0 20px; border-bottom: none;}
body#faqList #entryList li li {padding-bottom: 0;}

/*body#faqList #entryList .folder {letter-spacing: -.40em;}*/
body#faqList #entryList .folder li {letter-spacing: normal;}

/*----------------------------------------------------
 faqDetail
----------------------------------------------------*/
body#faqDetail #mainArea, body#faqDetail #sideArea {width: auto; float: none;}
body#faqDetail p.faqTitle {display: none;}
body#faqDetail #titleNav {display: none;}
body#faqDetail #mainArea h1 {margin-left: 10px; width: auto;}

body#faqDetail #entryDetail, body#faqDetail #entryDetail table {width: auto;}


/* #newYearSupport */
#newYearSupport h3, #newYearSupport p {margin-left: 10px;}
